/*reset */
html { color: #111; background: #fff }
body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img { border: 0 }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit; font-weight: inherit }
del, ins { text-decoration: none }
ul { list-style: none; list-style-type: none; margin: 0; padding: 0; }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
q:before, q:after { content: '' }
abbr, acronym { border: 0; font-variant: normal }
sup { vertical-align: baseline }
sub { vertical-align: baseline }
legend { color: #000 }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit }
input, button, textarea, select { *font-size: 100% }
ol {padding:0 0 0 20px;}
textarea{ font-family: Arial; overflow:auto; }
input{font-size:12px;}
a{cursor:pointer}
a:link { color: #336699; text-decoration: none; }
a:visited { color: #336699; text-decoration: none; }
a:hover { color: #FFFFFF; text-decoration: none; background: #369; }
a:active { color: #FFFFFF; text-decoration: none; background: #FF9933; }
a img { border-width:0; }
body,td,th { font: 12px Arial, Helvetica, sans-serif; line-height: 162%; }
table { border-collapse:collapse; border: none; padding: 0; margin: 0; }
h1 { display: block; font-size: 25px; font-weight: bold; color: #494949; margin:0; padding: 0 0 15px 0;line-height:1.1; }
h2 { font: 14px Arial, Helvetica, sans-serif; color: #060; margin:0 0 12px 0; line-height: 150%; }
h3 {padding-left:10px; background-color: #E9F4E9; color: #666; font: normal normal normal 14px/normal Arial, Helvetica, sans-serif; height: 22px;line-height: 150%;margin-bottom: 10px;margin-left: 4px;}
h3.big{height:30px;font-size:22px; font-weight: bold;}
h4.titles{border-bottom: 1px solid #CCC;clear: both;font-size: 14px;margin: 10px 0px;padding: 5px;font-weight:bold;}
.right{float:right;}
.left{float:left;}
.hide{display:none;}
/* clear both */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { zoom: 1; display: inline-block; _height: 1px }
*html .clearfix { height: 1% }
*+html .clearfix { height: 1% }
.clearfix { display: block }

/* for webkit */
textarea { resize: none }
input[type=text]:focus,
input[type=password]:focus,
textarea:focus { outline: 0 }

/* outer frame */
body { font: 12px Tahoma, Geneva, sans-serif; margin: 5px 0; line-height: 162%;}
#wrapper { width: 950px; margin: 0 auto }
#header {margin-bottom: 20px;}
#header h1{padding:0 0 5px;}
#header .description{font-size:12px;color:#6f6f6f;}
#header .nav{position:relative;width:100%;background:#E5ECF9;margin-top:10px;opacity:.9;filter:alpha(opacity=90);-moz-border-radius:3px;-webkit-border-radius:3px;}
#header .nav ul{padding:3px 0 3px 5px;}
#header .nav li{display:inline;padding-right:0;font-size:14px;}
#header .nav a{padding:2px 3px;*padding-bottom:0;}
#header .nav a:hover{background-color:#06c;color:#fff;}
#header .tags {
	background: #FFF6ED;
	margin-top: 10px;
	border: 1px solid #CCC;
}
#content { min-height: 420px  }
#footer { color: #999; padding-top: 6px; margin-top: 40px; overflow: auto; zoom: 1; border-top: 1px dashed #ddd }

#pageloading {
	position: fixed;
	_position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	width: 80px;
	padding: 2px;
	text-align: center;
	background: #c44;
	color: #fff;
}

/* float */
.fright {float: right;}

/*side*/
.aside {
	float: right;
	width: 310px;
}
.sideBox{margin-bottom:30px; border-top: 1px dashed #DDD;}

.mainContent{
	float: left;
	padding-right: 40px;
	width: 590px;
}

#userform img{vertical-align: top;}
#userform .userinfo{color:green;font-size:14px;font-weight:bold;}

/* tabs */
.tabnav {
	font: 11px verdana, arial, sans-serif;
	list-style-type: none;
	padding-bottom: 24px;
	_padding-bottom: 25px; /*IE6 HACK*/
	border-bottom: 1px solid #ACE;
	margin: 0 0 15px;
	padding-left: 18px;
}
.tabnav li {
	float: left;
	height: 21px;
	background-color: #F1F7FC;
	margin: 2px 2px 0 2px;
	border: 1px solid #ACE;
}
.tabnav a {
	float: left;
	display: block;
	padding:4px 9px;
	color: #369;
	text-decoration: none;
}
.tabnav a:hover {
	background: #fff;
	color:#369;
}
.tabnav .active{
	background-color: white;
	border-bottom: 1px solid white;
}
.tabnav .active a{color:#FF5138; font-weight:bold;}

/* nar search bar */
.nav-srh { float:right;height:20px;padding-left:5px; }
.nav-srh form { padding:0 1px 0 0;height:20px;*float:left; } 
.nav-srh input { float:left;width:170px;height:20px;line-height:20px;border:1px solid #ccc;background:#fff;padding:0 2px; } 
.nav-srh .inp { padding-top:2px;width:205px; } 
.nav-srh .bn-srh { margin-left: -4px; width:30px;height:22px;font-size:13px;padding:1px 0 3px 3px;border:none;background:transparent url(../images/search.gif) no-repeat;cursor:pointer;letter-spacing:3px;text-align:center; }
.nav-srh .bn-srh { padding:2px 0 0 0\9; }

/*Rating Star*/
.allstar50,.allstar45,.allstar40,.allstar35,.allstar30,.allstar25,.allstar20,.allstar15,.allstar10,.allstar05 {background: url(/static/common/images/allstar.gif) no-repeat;height: 12px;padding-left: 55px; color:#999;overflow:hidden; font-size: 12px;margin-bottom:7px;line-height:100%}

.allstar50 {background-position:0 0;}
.allstar45 {background-position:0 -12px;}
.allstar40 {background-position:0 -24px;}
.allstar35 {background-position:0 -36px;}
.allstar30 {background-position:0 -48px;}
.allstar25 {background-position:0 -60px;}
.allstar20 {background-position:0 -72px;}
.allstar15 {background-position:0 -84px;}
.allstar10 {background-position:0 -96px;}
.allstar05 {background-position:0 -108px;}

.rating_nums {
	color: #FF5138;
	font-size: 11px;
	font-style:normal;
	padding: 0px 5px 0px 0px;
}

.info{color:#666;}
.info label{color:#AB5603;}

/*CSS pager style pagination*/
.pager {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
.pager a {
	BORDER-RIGHT: #9aafe5 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #9aafe5 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #9aafe5 1px solid; COLOR: #2e6ab1; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #9aafe5 1px solid; TEXT-DECORATION: none
}
.pager a:hover {
	BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow
}
.pager a:active {
	BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow
}
.pager span.current {
	BORDER-RIGHT: navy 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: navy 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: navy 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: navy 1px solid; BACKGROUND-COLOR: #2e6ab1
}
.pager span.disabled {
	BORDER-RIGHT: #929292 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #929292 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #929292 1px solid; COLOR: #929292; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #929292 1px solid
}

/* btn */
.sbtn, .sbtnCurrent{border:1px solid #2B66A5; margin-right:2px; color:#2E6AB1; padding:2px 5px;}
.sbtn {cursor:pointer;}
.sbtnCurrent{background-color: #2E6AB1;color: white;font-weight: bold;}
